<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <link rel="stylesheet" href="./../../assets/css/base.css">
    <link rel="stylesheet" href="./../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./../../assets/css/jx-register.css">
    <link rel="stylesheet" href="./../../assets/css/tootik.min.css">
</head>
<body>
    <!--header引入区域-->
    <header>
        <a href="#"> <img src="./../../assets/img/logo_jx.svg" alt=""></a>
        <h3>账户注册</h3>
    </header>

    <div class="container">   
        <div class="tabDiv">
            <ul class="tabs">  
                <li class="active"><i class="iconfont icon-gongsi"></i><span id="#tab1">企业账户注册</span></li>  
                <li><i class="iconfont icon-geren"></i><span id="#tab2">个人账户注册</span></li>  
            </ul>  
        </div>
        <div class="tab_container banxin">  
            <div id="tab1" class="tab_content" style="display: block; ">   
                <h3>有企业营业执照（含个体工商户）的用户请注册。</h3>  
                <form id="comp-form" onsubmit="return false;">
                    <div class="form-box">
                        <span><i>* </i>会员名称：</span>
                        <div class="input-box" data-tootik="Tootik Text" data-tootik-conf="right warning Multiline">
                            <input type="text" name="cuserName" id="cuserName" placeholder="请输入会员名称">
                        </div>
                    </div>
                    <div class="form-box">
                        <span><i>* </i>企业名称：</span>
                        <div class="input-box" data-tootik="· 冒用他人公司名称属于违法行为" data-tootik-conf="right warning Multiline">
                            <input type="text" name="compName" id="compName" placeholder="请输入营业执照上的公司名称">
                        </div>
                    </div>
                    <div class="form-box">
                        <span><i>* </i>登录密码：</span>
                        <div class="input-box">
                            <input type="password" name="cuserPwd" id="cuserPwd" placeholder="设置您的登录密码">
                        </div>
                    </div>
                    <div class="form-box">
                        <span><i>* </i>密码确认：</span>
                        <div class="input-box">
                            <input type="password" name="crepPwd" id="crepPwd" placeholder="再次输入您的登录密码">
                        </div>
                    </div>
                    <div class="form-box">
                        <span><i>* </i>手机号：</span>
                        <div class="input-box">
                            <input type="text" name="ctelNum" id="ctelNum" placeholder="设置您的手机号">
                            <input type="button" class="get-code" value="点击获取验证码">
                        </div>
                    </div>
                    <div class="form-box">
                        <span><i>* </i>验证码：</span>
                        <div class="input-box code-box">
                            <input type="text" name="ccode" id="ccode" class="codeNum">
                        </div>
                    </div>
                    <input type="checkbox" id="checkBox1" class="chk"/>
                    <label for="checkBox1" id="chk-box1"></label>
                    <div class="item">
                        <p>&nbsp;&nbsp;创建账号的同时，我同意遵守：</p>
                        <a href="#">《激想云商服务条款》</a>及<a href="#">《隐私声明》</a>
                    </div>                     
                    <button id="register1" class="checkBox1 register" disabled="true">同意并注册</button>
                </form> 
            </div>  
            
            <div id="tab2" class="tab_content" style="display: none; ">  
                <h3>无企业营业执照的个人用户请注册个人账户。</h3>  
                <form id="person-form" onsubmit="return false;">
                    <div class="form-box">
                        <span><i>* </i>会员名称：</span>
                        <div class="input-box">
                            <input type="text" name="puserName" id="puserName" placeholder="请输入会员名称">
                        </div>
                    </div>
                    <div class="form-box">
                        <span><i>* </i>手机号：</span>
                        <div class="input-box">
                            <input type="text" name="ptelNum" id="ptelNum" placeholder="设置您的手机号">
                            <input type="button" class="get-code" value="点击获取验证码">
                        </div>
                    </div>
                    <div class="form-box">
                        <span><i>* </i>登录密码：</span>
                        <div class="input-box">
                            <input type="password" name="puserPwd" id="puserPwd" placeholder="设置您的登录密码">
                        </div>
                    </div>
                    <div class="form-box">
                        <span><i>* </i>密码确认：</span>
                        <div class="input-box">
                            <input type="password" name="prepPwd" id="prepPwd" placeholder="再次输入您的登录密码">
                        </div>
                    </div>                    
                    <div class="form-box">
                        <span><i>* </i>验证码：</span>
                        <div class="input-box code-box">
                            <input type="text" name="pcode" id="pcode" class="codeNum">
                        </div>
                    </div>
                    <input type="checkbox" id="checkBox2" class="chk"/>
                    <label for="checkBox2" id="chk-box2"></label>
                    <div class="item">
                        <p>&nbsp;&nbsp;创建账号的同时，我同意遵守：</p>
                        <a href="#">《激想云商服务条款》</a>及<a href="#">《隐私声明》</a>
                    </div>                     
                    <button   class="checkBox2 register" disabled="true">同意并注册</button>
                </form> 
            </div>  
        </div>  
    </div> 
    <div class="more">
        <h3>了解更多：</h3>   
        <p><a href="#">个人账户和企业账户区别？</a></p> 
        <p><a href="#">手机收不到验证码？</a></p> 
        <p><a href="#">会员帐户为什么注册不成功？</a></p> 
        <p><a href="#">更多问题咨询</a></p> 
    </div> 
    <footer>
        <p>
            <a href="#">关于我们</a> |
            <a href="#">联系我们</a> |
            <a href="#">人才招聘</a> |
            <a href="#">供应商入驻</a> |
            <a href="#">零售门店通</a> |
            <a href="#">广告服务</a> |
            <a href="#">手机激想</a>
        </p>
        <p>Copyright © 2017  激想sportjx.com 版权所有</p>
    </footer>
</body>
<script src="./../../assets/build/sportjx.js"></script>
<script src="./../../assets/build/mainsite.js"></script>
<script src="./../../assets/build/js/register.js"></script>
</html>